<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
     #body{
       width: 100%;
       height: 100%;
       background-color:#B9E1BB;
     }
      #box{
        width: 500px;
        height: 500px;
        margin: 0 auto;
      }
    </style>
    <link rel="stylesheet" href="bootstrap.min.css">
</head>
<body id="body">
  <div id="box">
    <h2>登录页面</h2>
    <hr>
     <label for="username">用户名</label>
    <input type="text" placeholder="请输入用户名" id="username" class="form-control"><br>
    <label for="password">密码</label>
    <input type="password" placeholder="请输入密码" id="password" class="form-control"><br>
    <input type="checkbox" id="checkbox"><span>30天免登录</span></br>
    <button id="btn" class="btn btn-primary">登录</button>
  </div>
    <script src="jquery.min.js"></script>
    <script>
      // 一进入登陆页面先读取cookie存储,若有返回的是字符串
    //   console.log(typeof document.cookie)
      let storage=document.cookie
    //   console.log(storage)
      let arr=storage.split(";")
    //   console.log(arr)
      let o={}
      arr.forEach(item=>{
        //   console.log(item)
          arr1=item.split("=")
        //   console.log(arr1[0])
        //   插入对象中，注意用变量符
          o[`${arr1[0]}`]=`${arr1[1]}`
      })
    //   console.log(o[" checkvalue"])
      $("#username").val(o["uname"])
      $("#password").val(o[" pword"])
      if(o[" checkvalue"]==="true"){
          $("#checkbox")[0].checked=true
      }
      // 实例化日期对象，得到当前的时间
      let date=new Date()
      // 设置储存时间 ,30天免登录
      console.log(date)
      console.log(date.getDate())
      date.setDate(date.getDate()+30)
      console.log(date)
      $("#btn").click(function(){
        //   console.log($("#checkbox")[0].checked)输出的是布尔值
          if($("#checkbox")[0].checked===true){
              let uname=$("#username").val()
              let pword=$("#password").val()
              let checkvalue=true
              document.cookie="uname="+uname+";expires="+date
              document.cookie="pword="+pword+";expires="+date
              document.cookie="checkvalue="+checkvalue+";expires="+date
          }
        //   点击后向后端发送请求
        $.ajax({
            url:"http://10.35.170.247:8080/getuser",
            data:{
                username:$("#username").val(),
                password:$("#password").val()
            },
            success(data){
                  console.log(data)
                //   判断返回的数组的长度，若匹配上则数组长度为1
                if(data.length===1){
                    alert("登录成功")
                    // 若登陆成功则进入学生信息管理系统
                    location.href="student.html"
                }
                else{
                    if(confirm("点击确定前往注册，点击取消则重新核对并输入正确用户名和密码")){
                        location.href="login.html"
                    }
                }
              }
        })
      })
    </script>
</body>
</html>